<script setup>
import FanTag from '..'
</script>

<template>
	<demo-block title="基础用法">
		<FanTag style="margin-left: 15px">哈哈</FanTag>
		<FanTag color="red" text-color="black">哈哈</FanTag>
		<FanTag bold>哈哈</FanTag>
		<FanTag radius="8px">哈哈</FanTag>
		<FanTag plain>哈哈</FanTag>
		<FanTag plain hairline>哈哈</FanTag>
		<FanTag plain bg="none">哈哈</FanTag>
	</demo-block>

	<demo-block title="大小">
		<FanTag style="margin-left: 15px">哈哈</FanTag>
		<FanTag height="20px" padding="0 6px">哈哈</FanTag>
		<FanTag height="20px" padding="0 6px" plain>哈哈</FanTag>
		<FanTag height="24px" padding="0 10px" text-size="14px">哈哈</FanTag>
		<FanTag height="24px" padding="0 20px" text-size="14px" plain bg="none">哈哈</FanTag>
	</demo-block>
</template>
